<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>创新机制信息</title>
    <link rel="stylesheet" href="../../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../../yl/style.css">
    <link rel="stylesheet" href="../../../yl/mobile.css" />
    <link rel="stylesheet" href="../../../yl/easyui.css" />
    <link rel="stylesheet" href="../../../yl/icon.css" />
</head>

<body>
    <!-- <div id="app"> -->
    <div class="easyui-navpanel" id="app" v-cloak>
        <header>
            <div class="m-toolbar">
                <div class="m-title">实践详情</div>
            </div>
        </header>
        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px">
            <div class="yl-main">
                <div class="title" style="margin-top: 20px;">
                    <div>
                        <el-button icon="Refresh" style="margin: 0; margin-right: 10px;" @click="reset">重置</el-button>
                        <el-button type="primary" icon="CirclePlus" style="margin: 0; margin-right: 10px;"
                            @click="personalAdd" plain round>添加</el-button>
                    </div>
                </div>
                <el-table tooltip-effect="dark" :data="Data" border style="margin-top: 20px;" height="100%">
                    <el-table-column width="50" align="center" type="index"></el-table-column>
                    <el-table-column min-width="180" align="center" prop="Government_Agencies_SerialNumber"
                        label="组织编号"></el-table-column>
                    <el-table-column min-width="180" align="center" prop="Agensies_Name"
                        label="组织名称"></el-table-column>
                    <el-table-column min-width="180" align="center" prop="Agensies_Address"
                        label="地址"></el-table-column>
                    <el-table-column label="操作" align="center" fixed="right" width="90">
                        <template #default="{row}">
                            <el-button type="danger" size="small" @click="handleDelete(row)">
                                删除
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
            <el-dialog v-model="showDialog" width="550" class="custom-dialog">
                <template #header>
                  <div class="dialog-header">
                    <span>添加适用组织</span>
                  </div>
                </template>
                <div class="dialog-content">
                  <el-form :model="form" ref="form" :inline-message="true" style="width: 100%">
                    <el-descriptions :column="1" size="large" border>
                      <el-descriptions-item>
                        <template #label>
                          <div class="cell-item">适用组织</div>
                        </template>
                        <el-form-item prop="agencies">
                            <el-cascader @change="handleChange" v-model="form.agencies" placeholder="请选择责任单位" :options="organization"
                            class="borderless-input" style="width: 100%;"
                            :props="{ value:'Government_Agencies_SerialNumber', label:'Agensies_Name' ,checkStrictly: true, multiple: true }"></el-cascader>
                        </el-form-item>
                      </el-descriptions-item>
                    </el-descriptions>
                  </el-form>
                </div>
                <template #footer>
                  <div class="dialog-footer">
                    <el-button @click="showDialog = false" class="cancel-btn">取消</el-button>
                    <el-button type="primary" @click="handleSubmit" class="confirm-btn">保存</el-button>
                  </div>
                </template>
            </el-dialog>
        </div>
        <footer class="botton-ann">
            <el-button @click="goBack">返回</el-button>
        </footer>
    </div>
</body>
<script src="../../../utils/utils.js"></script>
<script src="../../../config/config.js"></script>
<script src="../../../utils/mixins.js"></script>
<script src="../../../yl/vue.js"></script>
<script src="../../../yl/index.js"></script>
<script src="../../../yl/zh-cn.mjs"></script>
<script src="../../../yl/index.iife.min.js"></script>
<script src="../../../yl/jquery.min.js"></script>
<script src="../../../utils/jquery.cookie.js"></script>
<script src="../../../yl/jquery.easyui.min.js"></script>
<script src="../../../yl/jquery.easyui.mobile.js"></script>
<script src="../../../yl/moment.min.js"></script>
<script src="../../../api/request.js"></script>
<script src="./js/show2.js"></script>

</html>